<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
    </head>
    <body>
        <!-- 标签的基本使用 -->
        <!-- <h1>存放内容的地方</h1>

        <a href="#" title="我是title">我是超级链接</a>

        <p href="#">我是p标签</p> -->
        <p>文字</p>
        <p>文字</p>
        <span>我是span</span>
        <span>我是span</span>
        <!-- 空白折叠现象 -->
        <p>
            你好                              我是张三
        </p>
        <!-- 字符实体替换空格 -->
        <p>
            你好&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;我是张三
        </p>
    </body>
</html>